<!--登录注册-->
<template>
  <div class="user_lay_box" :style="{ height: height + 'px' }">
    <UserHeader />
    <div class="user_lay">
      <Nuxt />
    </div>
    <DocFooter />
  </div>
</template>
<script>
import { UserHeader } from "~/components/headers/index.js";
import { DocFooter } from "@/components/footers/index.js";

export default {
  data () {
    return {
      height: null
    }
  },
  components: {
    UserHeader,
    DocFooter,
  },
  methods: {},
  mounted () {
    this.height = document.body.clientHeight;
  },
}
</script>
<style lang="scss" scoped>
.user_lay_box {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  .user_lay {
    padding-top: 80px;
    flex: 1;
    background-color: #fff;
  }
}
</style>